<div nz-row>
  <div nz-col nzSpan="10" style="min-height: 300px;border-right: 1px solid #e8e8e8;padding-right: 20px;">
    <dhl-button name="新增" icon="plus" (buttonClick)="add()"
                style="position: absolute; right: 0px; z-index: 1;"></dhl-button>
    <dhl-tree #dataPerTree
              [value]="dataPerValue"
              [domain]="'dataper'"
              [rootCode]="dataPerRootCode"
              [maxHeight]="400"
              (valueChange)="nodeChangeClick($event)"
    ></dhl-tree>
  </div>
  <div nz-col nzSpan="12" style="min-height: 300px;">
    <dhl-dataper-form #dataPerForm
                      [parentId]="parentId"
                      [parentName]="parentName"
                      [nodeId]="checkedNodeId"
                      [name]="checkedName"
                      [code]="checkedCode"
                      [id]="checkedId"
    ></dhl-dataper-form>
    <div class="text-center" style="margin-top: 30px;margin-top: 30px;">
      <dhl-confirm-button name="删除"
                          [content]="confirmMsg"
                          [type]="btnTypeGray"
                          [disabled]="notOperate"
                          [icon]="'delete'"
                          (okClick)="deleteNodeClick()"></dhl-confirm-button>
      <dhl-submit-button [elementRef]="dataPerFormRef"
                         [submitUrl]="'dataper/save'"
                         [disabled]="notOperate"
                         (afterSubmit)="dataPerTreeRef.fresh()"></dhl-submit-button>
    </div>
  </div>
</div>

